<ui:composition 
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
    </h:head>
    <h:body onload="#{propuestaControl.cargaPropuesta(listaPropuestas.idPropSelected)}">
        <f:view>
            <f:loadBundle basename="bundle.messages" var="msg"/> 
            <h:form>
                <p:panelGrid id="panel_propuesta">
                    <p:row>
                        <p:column colspan="4" style="text-align: right;">
                            <p:commandLink value="#{msg.backlistprop}" update=":main"
                                        actionListener="#{menuControl.findproposals(e)}" />
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <h:outputLabel value="#{msg.destinos}" styleClass="sign"/>                        
                        </p:column>
                        <p:column>
                            <div class="datalist-noborder">
                                <p:dataList value="#{propuestaControl.propuesta.propuestadestinosList}"
                                            var="pais" itemType="disc" styleClass="dataList">
                                    #{pais.toString()}
                                </p:dataList>
                            </div>
                        </p:column>
                        <p:column>
                            <h:outputText value="#{msg.availabledates}" styleClass="sign"/>
                        </p:column>
                        <p:column>
                            <div class="datalist-noborder">
                                <p:dataList value="#{propuestaControl.propuesta.propuestafechasList}"
                                            var="fecha" itemType="disc" styleClass="dataList">
                                    #{fecha.toString()}
                                </p:dataList>
                            </div>
                        </p:column>                    
                    </p:row>
                    <p:row>
                        <p:column colspan="4">
                            <h:outputText value="#{msg.whplaneco} " styleClass="sign"/>
                            <h:outputText value="#{propuestaControl.planEcoNombre}: #{propuestaControl.planEcoDescrip}"/>
                        </p:column>
                    </p:row>                                
                    <p:row>
                        <p:column colspan="2">
                            <h:outputText value="#{msg.cost}: " styleClass="sign"/>
                            <h:outputText value="#{propuestaControl.propuesta.costeMin}-#{propuestaControl.propuesta.costeMax}"/>
                        </p:column>                
                        <p:column colspan="2">
                            <h:outputText value="#{propuestaControl.propuesta.diasMin}-#{propuestaControl.propuesta.diasMax} #{msg.ndays}"/>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column colspan="4">
                            <h:outputText value="#{propuestaControl.propuesta.resumen}"/>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column colspan="2">
                            <h:outputText value="#{msg.creator}: " styleClass="sign"/>
                            <h:outputText value="#{propuestaControl.propuesta.nick}"/>
                        </p:column>                    
                        <p:column colspan="2">
                            <h:outputText value="#{msg.actualized}: " styleClass="sign"/>
                            <h:outputText value="#{propuestaControl.propuesta.fechaActualiza}">
                                <f:convertDateTime pattern="dd/MM/yyyy HH:mm"/>
                            </h:outputText>
                        </p:column>
                    </p:row>
                    <p:row rendered="#{propuestaControl.showBtInscr()}">
                        <p:column style="text-align: center;" colspan="4">
                            <p:commandButton value="#{msg.isignup}" onclick="dlgSol.show();"/>
                        </p:column>                    
                    </p:row>
                    <p:row rendered="#{propuestaControl.showMsgSolEnv()}">
                        <p:column style="text-align: center;" colspan="4">
                            <h:outputText value="#{msg.pendingsol}" styleClass="sign"/>
                        </p:column>
                    </p:row>
                    <p:row rendered="#{propuestaControl.showMenuAport()}">
                        <p:column style="text-align: center;" colspan="4">
                            <h:outputText value="Mostrar información extra y menús" styleClass="sign"/>
                        </p:column>
                    </p:row>                    
                </p:panelGrid>
                <p:dialog id="solicitud" header="#{msg.sendrequest}" modal="true" resizable="false"
                            widgetVar="dlgSol" closable="false" showEffect="explode" hideEffect="bounce">
                    <p:panelGrid styleClass="paneldata-noborder">
                        <p:row>
                            <p:column colspan="2">
                                <h:outputText value="#{msg.writerequest}"/>
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column colspan="2">
                                <p:inputTextarea rows="10" cols="50" counter="counter" maxlength="500"       
                                        counterTemplate="{0} #{msg.charremain}." autoResize="false" 
                                        value="#{propuestaControl.mensajeSolicitud}"/>
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column colspan="2">
                                <h:outputText id="counter" />
                            </p:column>
                        </p:row>                            
                        <p:row>
                            <p:column style="text-align: center">
                                <p:commandButton value="#{msg.send}" update="panel_propuesta" 
                                        action="#{propuestaControl.sendRequest()}" oncomplete="dlgSol.hide()"/>
                            </p:column>
                            <p:column style="text-align: center">
                                <p:commandButton value="#{msg.cancel}" oncomplete="dlgSol.hide()"/>
                            </p:column>   
                        </p:row>
                    </p:panelGrid>                        
                </p:dialog>                
            </h:form>
        </f:view>
    </h:body>
</ui:composition>

